<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">
<html>
<head>
	<title>Tutorial</title>
	<meta http-equiv="Content-Language" content="en-us">
  <link rel="stylesheet" type="text/css" href="../../style.css">
	<style type="text/css">
	.SubTitle {
		font-size: large;
		}
	.IndexItem {
		font-size: large;
		font-weight: bold;
	    background-color: #E1E1E1;
		color: #575757;
	}
	.IndexItem a {
		color: #575757;
		text-decoration: none;
	}
	.IndexItemIndent1 {
		font-size: large;
		font-weight: bold;
		text-indent: 2em;
		color: #575757;
	}
	.IndexItemIndent1 a {
		color: #575757;
		text-decoration: none;
	}
	.IndexItemIndent2 {
		font-size: medium;
		font-weight: bold;
		text-indent: 4em;
		color: #575757;
	}
	.IndexItemIndent2 a {
		color: #575757;
		text-decoration: none;
	}
	.auto-style1 {
	font-size: medium;
}
	.auto-style3 {
	text-align: center;
}
	.auto-style4 {
	font-size: large;
	font-weight: bold;
	text-indent: 2em;
	color: #D4D0C8;
}
.auto-style5 {
	font-size: large;
	font-weight: bold;
	background-color: #E1E1E1;
	color: #D4D0C8;
}
.auto-style6 {
	color: #808080;
}
	.auto-style8 {
	color: #D4D0C8;
}
	</style>
</head>
<body>

<h1>Tutorial</h1> <p class="auto-style3"><span class="SubTitle">Gustavo H. S. de O.
Lyrio<br>Antonio E. Scuri</span><br> 
</p>
<h2>Index</h2>
<p class="IndexItem">1. <a href="tutorial1.html" class="IndexItem">Introduction</a></p>
<p class="IndexItem">2. <a href="tutorial2.html">Hello World</a></p>
<p class="IndexItemIndent1">2.1 <a href="tutorial2.html#Initialization">Initialization</a></p>
<p class="IndexItemIndent2">2.1.1 <a href="tutorial2.html#Compiling_Linking">Compiling and Linking</a></p>
<p class="IndexItemIndent1">2.2 <a href="tutorial2.html#Dialog">Creating a Dialog</a></p>
<p class="IndexItemIndent1">2.3 <a href="tutorial2.html#Interaction">Adding Interaction</a></p>
<p class="IndexItemIndent1">2.4 <a href="tutorial2.html#Adding_Layout_Elements">Adding Layout Elements</a></p>
<p class="IndexItemIndent1">2.5 <a href="tutorial2.html#Improving_the_Layout">Improving the Layout</a></p>
<p class="IndexItem">3. <a href="tutorial3.html">Simple Notepad</a></p>
<p class="IndexItemIndent1">3.1 <a href="tutorial3.html#Main_Dialog">Main Dialog</a></p>
<p class="IndexItemIndent1">3.2 <a href="tutorial3.html#Adding_a_Menu">Adding a Menu</a></p>
<p class="IndexItemIndent1">3.3 <a href="tutorial3.html#Using_Pre_Dialogs">Using Pre-defined Dialogs</a></p>
<p class="IndexItemIndent1">3.4 <a href="tutorial3.html#Custom_Dialogs">Custom Dialogs</a></p>
<p class="IndexItemIndent1">3.5 <a href="tutorial3.html#Toolbar_Statusbar">Adding a Toolbar and a Statusbar</a></p>
<p class="IndexItemIndent1">3.6 <a href="tutorial3.html#Hot_Keys">Defining Hot Keys</a></p>
<p class="IndexItemIndent1">3.7 <a href="tutorial3.html#Recent_Config">Recent Files Menu and a Configuration File</a></p>
<p class="IndexItemIndent1">3.8 <a href="tutorial3.html#Clipboard">Clipboard Support</a></p>
<p class="IndexItemIndent1">3.9 <a href="tutorial3.html#More_File_Management">More File Management <span class="auto-style1">(Drag&amp;Drop, Command Line, ...)</span></a></p>
<p class="IndexItemIndent1">3.10 <a href="tutorial3.html#Dynamic_Layout">Dynamic Layout</a></p>
<p class="IndexItemIndent1">3.11 <a href="tutorial3.html#External_Help">External Help</a></p>
<p class="IndexItemIndent1">3.12 <a href="tutorial3.html#Final_Considerations">Final Considerations</a></p>
<p class="IndexItem">4. <a href="tutorial4.html">Simple Paint</a></p>
<p class="IndexItemIndent1">4.1 
<a href="tutorial4.html#Loading_and_Saving_Images">Loading and Saving Images</a></p>
<p class="IndexItemIndent1">4.2 <a href="tutorial4.html#Drawing_with_OpenGL">Drawing with OpenGL</a></p>
<p class="IndexItemIndent1">4.3 <a href="tutorial4.html#Drawing_with_CD">Drawing with CD and Printing</a></p>
<p class="IndexItemIndent1">4.4 <a href="tutorial4.html#Interactive_Zoom">Interactive Zoom</a> and Scrollbars</p>
<p class="IndexItemIndent1">4.5 <a href="tutorial4.html#Canvas_Interaction">Canvas Interaction and a ToolBox</a></p>
<p class="IndexItemIndent1">4.6 <a href="tutorial4.html#Image_Processing">Image Processing and </a>Final Considerations</p>
<p class="IndexItemIndent1"><strong><span class="auto-style8">4.7 Modern Main 
Window (Ribbon Like)&nbsp;</span></strong></p>
<p class="IndexItem">5. <a href="tutorial5.html">Advanced Topics</a></p>
<p class="IndexItemIndent1">5.1 <a href="tutorial5.html#Encapsulation">C++ 
Encapsulation</a> </p>
<p class="IndexItemIndent1">5.2 <a href="tutorial5.html#Modularization">C++ 
Modularization</a> </p>
<p class="IndexItemIndent1">5.3 <a href="tutorial5.html#High_Resolution_Display">High Resolution Display</a> </p>
<p class="IndexItemIndent1">5.4 <a href="tutorial5.html#Splash_Screen">Splash Screen, About and System Information</a></p>
<p class="IndexItemIndent1">5.5 <a href="tutorial5.html#Dynamic_Libraries">Dynamic Libraries</a></p>
<p class="auto-style4">5.6 Using LED for Interface Description</p>
<p class="auto-style4">5.7 Using External Images</p>
<p class="auto-style4">5.8 Display and Storage of Numeric Values</p>
<p class="auto-style5">6. Simple Calc<span class="auto-style6"> - Under Construction</span></p>
<p class="auto-style4">6.1 Data Matrix</p>
<p class="auto-style4">6.2 Plotting Data</p>
<p class="auto-style4">6.3 Numbers, Units and Formulas</p>
<p class="auto-style4">6.4 Embedded Help</p>
<p class="auto-style5">7. Simple Draw <span class="auto-style6">- Under Construction</span></p>
<p class="auto-style4">7.1 Hierarchy Tree for Objects</p>
<p class="auto-style4">7.2 Embedded Controls in Canvas</p>
<p class="auto-style4">7.3 Script Editor for Lua</p>
<p class="auto-style4">7.4 Background Processing using Multithread</p>
<p class="auto-style4">7.5 UTF-8 Character Encoding</p>
<p class="auto-style4">7.6 Multilanguage Interface</p>
<p class="IndexItem"><a href="../../examples/tutorial">Examples Folder</a></p>
<hr>
<p><strong>Obs</strong>: the tutorial samples are shown inside an HTML element 
called IFRAME. Unfortunately old browsers do not support iframes. We tested in 
recent versions of Mozilla <strong>Firefox</strong>, Google <strong>Chrome</strong>, 
Microsoft <strong>Internet Explorer</strong> and <strong>Opera</strong>. They 
all work ok, with some exceptions. Internet Explorer was not able to switch 
between C and Lua code. Firefox in Linux will try to download the contents of 
the iframe. If you have problems let us <a href="mailto:iup@tecgraf.puc-rio.br">
know</a>.</p>
</body>
</html>
